{% extends "base.html" %}
  {% block content %}
    {% from "forms/macros.html" import render_field %}

     <SCRIPT LANGUAGE="JavaScript">
      url_1 = "/item/bajar/ID/"
      url_2 = "/item/eliminar_archivo/" + {{ item.id }} + "/ID/"

    
    id_href_1 = 'bajar_archivo'
    id_href_2 = 'eliminar_archivo'
 
    function obtener_id(id) {
          link_1 = document.getElementById(id_href_1)
          link_2 = document.getElementById(id_href_2)
          new_url_1 = url_1.replace('ID', id)
          new_url_2 = url_2.replace('ID', id)
          link_1.href = new_url_1
          link_2.href = new_url_2
        
    }
    
    function pregunta(){
        if(confirm('Esta seguro de que desea eliminar el archivo?')){
          return true;
        }else{
          return false;
        }
      }
   
    
    </SCRIPT>


    <h2> Cargar archivo del item: {{ item.nombre }} </h2>
    <form method="POST" action="." class="form" enctype="multipart/form-data">
      {{ form.csrf_token }}
      {{ render_field(form.archivo, class="input text") }}
      </br>
      </br>
      <button type="submit" value="Subir archivo seleccionado" class="button green">Aceptar</button>
    </form>


    <div style="overflow:auto; width: 770px; height: 550px;" > 
    <h2> Archivos existentes de item: {{ item.nombre }} </h2>
      <table > 
        <tr >
          <th></th>
          <th><center>Id</center></th>
          <th><center>Nombe</center></td>
          <th><center>Tipo</center></td>
        </tr >  
      {% for archivo in item.archivos %}     
        <tr>
          <th>
            <input type = "radio" name = "seleccionado" id="select" onchange="obtener_id({{archivo.id}})">
          </th>
          <td><center>{{ archivo.id }} </center></td>             
          <td><center>{{ archivo.nombre }}</center></td>
          <td><center>{{ archivo.tipo }}</center></td>

        </tr> 
      {% endfor %}   
      </table>
      
      <form>
        <div class="buttons">
          <button type="submit" class="button green">
            <a href="" id="bajar_archivo">Bajar</a>
          </button>
          <button type="submit" class="button green"  onclick =  "return pregunta()">
            <a href="" id="eliminar_archivo">Eliminar</a>
          </button>


        </div>  
        <form>

    </div>  
  {% endblock %}